
.ffuo{font-family:'UniversLTStd-CnObl'}
.ffub{font-family:'UniversLTStd-BoldCn'}
/*-----------css reset---------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*----------basic----------------*/
ul{list-style:none}
ul li{display:list-item;}
html,body { font: 15px 'UniversLTStd-Cn', sans-serif; background:none; color:#999; height:100%; text-align:center; }
a { text-decoration:none; color: #17bed3 }
a:hover { text-decoration:underline; }
html { overflow-y:scroll }/*Prevent Firefox Scrollbar Jump*/
button { border: none; cursor: pointer; font-weight: bold; color: #fff }
input , textarea { padding: 0; margin: 0; resize:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
html{overflow-y:scroll}
button{border:0;cursor:pointer;font-weight:700;color:#fff}
input,textarea{border:solid 1px #c7c7c7;color:#444;margin:0;padding:0}
p{padding:5px 0}
select,.cp{cursor:pointer}
h2{color:#00acc8; font-size:27px; font-weight:400; padding-bottom:0px; font-family: 'UniversLTStd-BoldCn'; margin-bottom:5px; line-height:22px; text-transform:uppercase}
h1{font-size:22px; color:#fff; text-transform:uppercase; line-height:20px; font-weight:400; padding-bottom:5px; font-family:'MyriadProBold', Arial; margin-bottom:10px}
.clear{clear:both}
.page-break{page-break-before:always}
.dpn{display:none}
.por{position:relative}
.zi-2{z-index:-2}
.zi-1{z-index:-1}
.zi0{z-index:0}
.zi2{z-index:2}
.zi300{z-index:30}
.rounded{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(PIE.htc);position:relative}
.rounded10{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px}
.transparent{zoom:1;filter:alpha(opacity=90);opacity:.9}
.transparent50{zoom:1;filter:alpha(opacity=50);opacity:.5}
.normal{zoom:1;filter:alpha(opacity=100);opacity:1}
.cursor{cursor:pointer}
.fl{float:left}
.fr{float:right}
.pa0{padding:0}
.pa3{padding:3px}
.pa5{padding:5px}
.pa8{padding:8px}
.pa10{padding:10px}
.pa15{padding:15px}
.pa20{padding:20px}
.pa25{padding:25px}
.pa30{padding:30px}
.pt1{padding-top:1px}
.pt2{padding-top:2px}
.pt3{padding-top:3px}
.pt4{padding-top:4px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt40{padding-top:40px}
.pt60{padding-top:60px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr60{padding-right:60px}
.pb5{padding-bottom:5px}
.pb7{padding-bottom:7px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb40{padding-bottom:40px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.ph1{padding-left:2px;padding-right:2px}
.ph5{padding-left:5px;padding-right:5px}
.ph7{padding-left:7px;padding-right:7px}
.ph10{padding-left:10px;padding-right:10px}
.ph15{padding-left:15px;padding-right:15px}
.ph20{padding-left:20px;padding-right:20px}
.ph25{padding-left:25px;padding-right:25px}
.ph190{padding-left:190px;padding-right:190px}
.pv5{padding-top:5px;padding-bottom:5px}
.pv10{padding-top:10px;padding-bottom:10px}
.pv17{padding-top:17px;padding-bottom:17px}
.pv13{padding-top:13px;padding-bottom:13px}
.pv15{padding-top:15px;padding-bottom:15px}
.pv20{padding-top:20px;padding-bottom:20px}
.pv40{padding-top:40px;padding-bottom:40px}
.ma5{margin:5px}
.ma10{margin:10px}
.ma15{margin:15px}
.ma20{margin:20px}
.mt-20{margin-top:-20px}
.mt-10{margin-top:-10px}
.mt5{margin-top:5px}
.mt6{margin-top:6px}
.mt7{margin-top:7px}
.mt8{margin-top:8px}
.mt9{margin-top:9px}
.mt10{margin-top:10px}
.mt12{margin-top:12px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt45{margin-top:45px}
.mt55{margin-top:55px}
.mt84{margin-top:84px}
.mt350{margin-top:350px}
.mr-20{margin-right:-20px}
.mr-10{margin-right:-10px}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr9{margin-right:9px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mb-20{margin-bottom:-20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb18{margin-bottom:18px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.ml-25{margin-left:-25px}
.ml-20{margin-left:-20px}
.ml-10{margin-left:-10px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml55{margin-left:55px}
.mh5{margin-left:5px;margin-right:5px}
.mh10{margin-left:10px;margin-right:10px}
.mh15{margin-left:15px;margin-right:15px}
.mh20{margin-left:20px;margin-right:20px}
.mha{margin-left:auto;margin-right:auto}
.mv5{margin-top:5px;margin-bottom:5px}
.mv10{margin-top:10px;margin-bottom:10px}
.mv15{margin-top:15px;margin-bottom:15px}
.mv20{margin-top:20px;margin-bottom:20px}
.fwn{font-weight:400}
.fwb{font-weight:700}
.fsi{font-style:italic}
.tac{text-align:center}
.tal{text-align:left}
.tar{text-align:right}
.taj{text-align:justify}
.ttu{text-transform:uppercase}
.ttc{text-transform:capitalize}
.tdu{text-decoration:underline}
.ti9{text-indent:-9999px}
.tsd{text-shadow:1px 1px 0 #999}
.vam{vertical-align:middle}
.vab{vertical-align:bottom}
.vat{vertical-align:top}
.dpi{display:inline}
.dpib{display:inline-block}
.poa{position:absolute}
.pof{position:fixed}
.ofh{overflow:hidden}
.ofa{overflow:auto}
.bdn{border:none}
.bd1{border:solid 1px #}
.bd2{border:solid 1px #}
.bd1T{border-top:solid 1px #}
.bd1B{border-bottom:solid 1px #000}
.bd1L{border-left:solid 1px #4a638e}
.noBd{border:0}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs22{font-size:22px}
.fs25{font-size:25px}
.fs27{font-size:27px}
.bgt{background:transparent}
.bg0{background:#000}
.bg1{background:#fff}
.cf0{color:#000}
.cf1{color:#fff}
.cf2{color:#17bed3}
.cf3{color:#ffd400}
.cf4{color:#}
.h30{height:30px}
.h160{height:160px}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh19{line-height:19px}
.lh25{line-height:25px}
.lh38{line-height:38px}
.lsp-2{letter-spacing:-2px}
.ipt25{height:21px;padding-top:2px;padding-bottom:2px}
.w225{width:225px}
.w235{width:235px}
.w375{width:375px}
.w512{width:512px}
.w630{width:630px}
.w850{width:800px}
.w960{width:960px}
.lsd{list-style-type:disc}
.lss{list-style-type:square}
.lsc1{list-style-image:url(../images/lsc1.png)}
.lsc2{list-style-image:url(../images/lsc2.png)}
.lsc3{list-style-image:url(../images/lsc3.png)}
.btnSubmit{background:url(../images/btnSubmit.png) no-repeat;width:73px;height:22px;text-indent:-9999px}
.btnTab{background:url(../images/btnTab.png) no-repeat; width:91px; height:23px; top:4px; left:50px}
.none-list li{float:left}
.tshadow{text-shadow:4px -1px 8px #504F4F}
.shadow{-moz-box-shadow: 0px 0px 3px #585858;-webkit-box-shadow: 0px 0px 3px #585858;box-shadow: 0px 0px 3px #585858;progid:DXImageTransform.Microsoft.Shadow(color=#585858,direction=45);}
a.rm{display:block; width:100%; background:url(../images/rm.png) no-repeat center right; color:#fff}
#content{min-height:100%; position:relative; text-align:left;}
#wrapper{min-height:100%; position:relative; padding:5px 0px 0px; margin-top:0px}

#btnUp{display:none; position:fixed; right:0; bottom:0}
#btnUp a{display:block; width:71px; height:66px; background:url(../images/btnUp.png) no-repeat; background-position:0px 0px;}
#btnUp a:hover{background-position:0px -66px}

#header {position:relative; height:105px; z-index:3; padding-top:0px; padding-bottom:5px; background:url(../images/line-header.png) no-repeat center 75px;}
#logo{margin-left:10px; position:absolute; z-index:-1}
#logo2{margin-left:300px; margin-top:5px}

#navbar {font-size:15px; background:url(../images/bg-menu.png) repeat-x top; margin-bottom:5px; z-index:999; margin-top:40px}
#navbar ul {}
#navbar ul li{padding:0px; float:left; display:inline-block;}
#navbar ul li a{padding:4px 20px 5px; float:left; line-height:14px; color:#fff; text-transform:uppercase; text-align:center; opacity:0.7}
#navbar ul li:first-child a{border:none}
#navbar ul li:last-child a{text-indent:-9999px; background:url(../images/icon/fb.png) no-repeat; margin-top:-2px}
/*#navbar ul li.active>a{opacity:1; text-decoration:underline}*/

#sticky-bar{display:none; width:100%; position:fixed; top:0; z-index:9999; background:url(../images/bg-sticky.png); border-top:solid 1px #a7a7a7; border-bottom:solid 1px #a7a7a7}
#sticky-bar ul{overflow:hidden; text-align:center}
#sticky-bar ul li{padding:10px 0; display:inline-block}
#sticky-bar ul li a{padding:0px 20px; color:#666; opacity:0.7; text-transform:uppercase}
#sticky-bar ul li a:hover{text-decoration:underline;}
#sticky-bar ul li.active>a{opacity:1; text-decoration:underline}

#banner{width:100%; background:url(../images/shadow.png) no-repeat bottom center; height:640px; position:absolute; top:0; overflow:hidden; padding-bottom:32px; text-align:left}
#banner .slider{width:1920px; margin:0 auto; position:relative}
#banner .slider ul{height:600px; overflow:hidden; position:relative}
#banner .slider li{width:100%; height:500px; position:absolute;}
#banner #text{position:absolute; width:960px; height:auto; padding:70px 0px 0; overflow:hidden; top:80px; color:#fff; line-height:16px}
#banner #text h2{text-transform:none; line-height:30px}

#banner .slider #nav{position:relative; top:-435px; width:100%; margin:0 auto;}
#banner .slider #nav #next{position:absolute; right:20px; width:43px; height:95px; cursor:pointer; background:url(../images/right.png) no-repeat}
#banner .slider #nav #prev{position:absolute; left:20px; width:43px; height:95px; cursor:pointer; background:url(../images/left.png) no-repeat}
#banner .slider #pages{text-align:center}
#banner .slider #pages ul{height:auto;}
#banner .slider #pages li{height:auto; width:auto; position:static; display:inline-block}
#banner .slider #pages li a{display:block; width:16px; height:14px; background:url(../images/slide-dot.png) no-repeat; background-position:0px 0px;}
#banner .slider #pages li.active a{background-position:-18px 0px}

#services h2, #our-works h2, #get-a-quote h2, #contact h2{
background:url(../images/ribbon.png) no-repeat top center; position:absolute; top:-10px; z-index:99; margin:0px auto 10px; width:133px; height:87px; padding:23px 45px 0; font-size:24px; color:#fff;}
#store h2{color:#fff; font-size:24px; margin-bottom:10px; background:url(../images/line-store.png) no-repeat center;}
#contact h2{background:url(../images/ribbon.png) no-repeat top center, url(../images/line.png) no-repeat center 10px; padding-left:190px; padding-right:190px}

#wrapper #home-content, #wrapper #services, #wrapper #our-works, 
#wrapper #store, #wrapper #get-a-quote, #wrapper #contact{text-align:center; padding-top:120px; padding-bottom:30px}
#wrapper #store{padding-top:60px}

#wrapper #home-content{background:#fff; padding-top:555px; font-size:15px;}

#wrapper #services{background:url(../images/bg.png); margin-top:0px; position:relative;}
#wrapper #services .box{background:url(../images/bg-box.png) no-repeat bottom center; text-align:center; background-size:100% 100%; width:371px; height:61px; padding:30px 30px 20px; margin-bottom:50px; line-height:16px}
#wrapper #services .box p{vertical-align:middle}
#wrapper #services .box .icon{position:absolute; margin-top:-60px; width:371px}

#wrapper #our-works{position:relative}
#wrapper #our-works .gallery{margin-top:10px}
#wrapper #our-works .gallery ul li{float:left; background:url(../images/work-shadow.png) no-repeat 0px 193px; background-size:99%; padding-bottom:10px; display:inline-block; margin:0 10px}
#wrapper #our-works .gallery ul li a{border:solid 5px #e2e2e2; border-radius:5px; background:#e2e2e2; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; width:280px; height:200px}
#wrapper #our-works .gallery ul li a img{width:100%; height:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#wrapper #our-works .gallery ul li a:hover img{opacity:0.4;}
#wrapper #our-works .gallery ul li a:hover{border-color:#17bed3; background:none}
#wrapper #our-works .gallery .boxplus-caption{text-align:center; margin-top:10px; height:50px}

#wrapper #store{position:relative}
#wrapper #store{background:url(../images/bg-store.png); color:#fff}
#wrapper #store a{text-decoration:underline; color:#fff;}
#wrapper #store a:hover{text-decoration:none;}

#wrapper #get-a-quote, #wrapper #contact{background:url(../images/bg.png); position:relative}
#wrapper #get-a-quote hr, #footer hr{border-bottom: dashed 1px; border-top:0}

#wrapper #contact #map{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden}
#wrapper #contact td{vertical-align:top; padding-right:15px;}
#wrapper #contact td p{display:inline-block; margin:5px 0}
#wrapper #contact td img{display:inline-block; margin-top:5px}

#footer{position:relative; width:100%; bottom:0px; padding-bottom:40px; background:url(../images/bg.png); text-align:center; color:#666; padding:5px 0; line-height:14px}
#footer .ftcontent{width:960px; margin:0 auto; overflow:hidden; padding-bottom:30px; text-align:center;}
#footer .ftcontent p{padding:5px 0}
#footer .ftcontent a{font-family:'UniversLTStd-BoldCn'; color:#666}
#footer .ftcontent ul li{padding:7px 0px 0px; display:inline-block; float:left }
#footer .ftcontent ul li a{padding:0 5px; float:left; color:#fff; line-height:11px; font-weight:700; border-left:solid 1px #b1b0b0; text-transform:uppercase}
#footer .ftcontent ul li:first-child a{border-left:0}
#footer .ftcontent ul li:last-child a{padding-right:0}
#footer .ft-seo a{color:#b1b0b0}
#footer .ft-seo{position:relative; overflow:hidden; color:#b1b0b0}

ins,.tdn{text-decoration:none}
.dpb{z-index:9999}
/*.sideRank{background:url('../images/form-background.png') no-repeat; height:390px}*/

#userForm{font-size:15px; color:#666; font-weight:400; text-align:left}
#userForm textarea{height:131px; border:solid 1px #e2e2e2; width:448px; padding:2px 5px; color:#666}
#userForm input[type=text]{background:#fff; height:26px; width:288px; padding:0px 5px; border:solid 1px #e2e2e2; color:#666; margin-bottom:15px}
#userForm input[type=file]{background:#fff; height:26px; width:423px; padding:4px 5px 1px; border:solid 1px #e2e2e2; color:#666; margin-bottom:10px; line-height:26px; text-transform:lowercase}
#userForm div{padding:3px 0; vertical-align:top; width:32%; line-height:28px; padding:0 5px}
#userForm input[type=submit]{width:75px; line-height:40px; height:40px; float:left; border:0; margin-left:0px; background:url(../images/btnSubmit.png); display:inline-block; cursor:pointer}

